.music-menu {
  background-color: var(--ui-text);
  padding: 10px 20px;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
  .music-menu-item {
    transition: 0.3s;
    user-select: none;
    cursor: pointer;
    padding: 4px 10px;
  }
  .music-menu-item:hover {
    color: var(--ui-backgound);
  }
  .music-menu-item-active {
    color: var(--ui-text);
    background-color: var(--ui-backgound);
    border-radius: 5px;
  }
  .music-menu-item-active:hover {
    color: var(--ui-text);
  }
}
.music-menu-content {
  margin-top: 10px;
  min-width: 500px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px;
  background-color: white;
  margin-bottom: 20px;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .music-menu-content {
    min-width: 100%;
  }
}
